<template>
	<view class="andorid-box ss-flex justify-center align-center"
		:style="{top:sheep.$platform.device.statusBarHeight + 46 + 'px'}" v-if="boxshow">
		<view class="show-auth-box" :class="[show && 'show']">
			<view class="show-auth-title">{{permissionID ? state.authList[permissionID].title : ''}}</view>
			<view class="show-auth-content">{{permissionID ? state.authList[permissionID].content : ''}}</view>
		</view>
	</view>
</template>

<script setup>
	import sheep from '@/sheep';
	import {
		computed,
		reactive,
		onMounted
	} from 'vue';

	const boxshow = computed(() => sheep.$store('permission').boxshow)
	const show = computed(() => sheep.$store('permission').show)
	const permissionID = computed(() => sheep.$store('permission').permissionID)
	
	const state = reactive({
			authList: {
				'READ_CALENDAR':{
					title: "浙江鲸禧智创数字科技有限公司对日历权限申请说明",
					content: "便于您使用该功能添加活动提醒等功能。",
				},
				'WRITE_EXTERNAL_STORAGE': {
					title: "浙江鲸禧智创数字科技有限公司对存储空间/照片权限申请说明",
					content: "便于您使用该功能上传您的照片/图片/视频及用于更换头像、意见反馈、保存相册、发布商品/分享、下载与客服沟通等场景中读取和写入相册和文件内容。",
				},
				'ACCESS_FINE_LOCATION': {
					title: "浙江鲸禧智创数字科技有限公司对地理位置权限申请说明",
					content: "便于应用程序可以提供基于位置的服务、定位导航、附近搜索等功能。",
				},
				'CAMERA': {
					title: "浙江鲸禧智创数字科技有限公司对相机/摄像头权限申请说明",
					content: "便于您使用该功能拍照上传您的照片/视频及用于更换头像、意见反馈、保存相册、发布商品/动态、下载与客服沟通等场景中使用",
				},
				'RECORD_AUDIO': {
					title: "浙江鲸禧智创数字科技有限公司对麦克风权限申请说明",
					content: "便于您使用该功能进行录音、语音通话、发布语音、与客服语音沟通等场景中使用",
				},
				'CALL_PHONE': {
					title: "浙江鲸禧智创数字科技有限公司对拨打/管理电话权限申请说明",
					content: "便于您使用该功能联系买家、骑手或者客服、业务经理与联系等场景下使用",
				},
				"WRITE_EXTERNAL_STORAGE,CAMERA": {
					title: "浙江鲸禧智创数字科技有限公司对相机/摄像头权限和存储空间/照片权限申请说明",
					content: "相机/摄像头权限便于您使用该功能联系买家、骑手或者客服、业务经理与联系等场景下使用,存储空间/照片权限便于您使用该功能上传您的照片/图片/视频及用于更换头像、意见反馈、保存相册、发布商品/分享、下载与客服沟通等场景中读取和写入相册和文件内容。",
				},
				"CAMERA,RECORD_AUDIO": {
					title: "浙江鲸禧智创数字科技有限公司对相机/摄像头和录音权限申请说明",
					content: "相机/摄像头权限便于您使用人脸核身等场景下使用,录音权限便于您使用人脸核身等场景下使用。",
				}
			}
		})

	onMounted(() => {
	})
</script>

<style scoped lang="scss">
	view {
		box-sizing: border-box;
	}

	.andorid-box {
		width: 100%;
		position: fixed;
		left: 0;
		z-index: 99999;

		.show-auth-box {
			width: 720rpx;
			padding: 30rpx;
			background: #fff;
			border: solid 2rpx #ddd;
			border-radius: 16rpx;
			transition: all 0.2s;
			transform: translateY(-9999rpx);

			.show-auth-title {
				font-size: 32rpx;
				font-weight: bold;
			}

			.show-auth-content {
				margin-top: 16rpx;
				line-height: 1.6;
			}
		}
	}

	.show {
		transform: translateY(0) !important;
	}
</style>